<style>
    * {
        margin: 0;
        padding: 0;
    }
    .modal-header {
        min-height: 16.43px;
        padding: 15px;
        border-bottom: none;
    }
    .modal-footer {
        padding: 15px;
        text-align: right;
        border-top: none;
    }
    .modal{
        overflow: auto !important;
    }
    input{
        border: 0px solid;
        disabled:"true";
    }
</style>
<section style="border-bottom: 1px solid #e5e5e5    ">
    <h1 style="display:inline-block;margin-left: 30px;">聊天管理</h1>
    <span>
        <button id="export" class="btn btn-primary" style="float: right;margin-top: 10px;margin-right: 20px">导出</button>
    </span>
</section>


<!-------------------- 主体展示 --------------------->
<section class="content">
    <div class="role_content">
        <table class="table_list" id="table_my_toast"></table>
        <!-- 分页框 -->
        <div class="page_control" id="paging_my_toast"><ul></ul></div>
    </div>
</section>

<!-------------------- 添加分类模态框 --------------------->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog"
     aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close"
                        data-dismiss="modal" aria-hidden="true">
                    &times;
                </button>
                <h4 class="modal-title" id="myModalLabel">
                    详情
                </h4>
            </div>

            <!--------------分类名---------------->
            <div class="modal-body">
                <!--------------消息标识---------------->
                <div class="row" style="margin-top: 15px;padding-left:30px;">
                    <div class="col-md-3" style="float: left;position: relative;padding-top: 6px;">
                        <span>消息标识:</span>
                    </div>
                    <div class="col-md-9" style="padding-left: 5px;">
                        <input disabled="true" style="height:30px;width: 80%; border: 0px solid ;" id="message_id" name="message_id" type="text" />
                    </div>
                </div>
                <!--------------消息创建时间---------------->
                <div class="row" style="margin-top: 15px;padding-left:30px;">
                    <div class="col-md-3" style="float: left;position: relative;padding-top: 6px;">
                        <span>消息创建时间:</span>
                    </div>
                    <div class="col-md-9" style="padding-left: 5px;">
                        <input disabled="true" style="height:30px;width: 80%; border: 0px solid;" id="timestamp" name="timestamp" type="text" />
                    </div>
                </div>
                <!--------------消息来源者（环信ID）---------------->
                <div class="row" style="margin-top: 15px;padding-left:30px;">
                    <div class="col-md-3" style="float: left;position: relative;padding-top: 6px;">
                        <span>消息来源者:</span>
                    </div>
                    <div class="col-md-9" style="padding-left: 5px;">
                        <input disabled="true" style="height:30px;width: 80%; border: 0px solid;word-break:break-all;" id="message_from" name="message_from" type="text" />
                    </div>
                </div>
                <!--------------消息接受者---------------->
                <div class="row" style="margin-top: 15px;padding-left:30px;">
                    <div class="col-md-3" style="float: left;position: relative;padding-top: 6px;">
                        <span>消息接受者:</span>
                    </div>
                    <div class="col-md-9" style="padding-left: 5px;">
                        <input disabled="true" style="height:30px;width: 80%; border: 0px solid;word-break:break-all;" id="message_to" name="message_to" type="text" />
                    </div>
                </div>
                <!--------------消息类型---------------->
                <div class="row" style="margin-top: 15px;padding-left:30px;">
                    <div class="col-md-3" style="float: left;position: relative;padding-top: 6px;">
                        <span>消息类型:</span>
                    </div>
                    <div class="col-md-9" style="padding-left: 5px;">
                        <input disabled="true" style="height:30px;width: 80%; border: 0px solid;" id="message_type" name="message_type" type="text" />
                    </div>
                </div>
                <!--------------消息内容---------------->
                <div class="row" style="margin-top: 15px;padding-left:30px;">
                    <div class="col-md-3" style="float: left;position: relative;padding-top: 6px;">
                        <span>消息内容:</span>
                    </div>
                    <div class="col-md-9" style="padding-left: 5px;">
                        <div name="message_body" id="message_body" style="border:0px solid;width:95%;word-break:break-all;"></div>

                        <!--<textarea name="comment_body1" id="comment_body1" cols="100" rows="4" style="border:0px solid;width:95%;overflow: auto" disabled></textarea>-->
                    </div>
                </div>
            </div>


            <div class="modal-footer">
                <button type="button" class="btn btn-default"
                        data-dismiss="modal">关闭
                </button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>